<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="./style/bootstrap.min.css"/>
        <link rel="stylesheet" href="./style/animate.css"/>
        <link rel="stylesheet" href="./style/video-js.css">
        <link rel="stylesheet" href="./style/reset.css"/>  
        <link rel="stylesheet" href="./style/index.css">
        <script src="./js/wow.min.js"></script>
        <script src="./js/jquery.js"></script> 
        <script src="./js/video.js"></script>
    </head>
    <body>
        <div class="wrapper">
            <header class="header">
                <div class="cont">
                    <div class="head">
                        <h5 class="wow bounceInLeft" data-wow-duration="1s">欢迎光临&nbsp;深圳市敦冠科技有限公司</h5>
                        <input type="checkbox" name="nav" id="nav"/>
                        <label for="nav" class="menu">
                            <spna></spna>
                            <spna></spna>
                            <spna></spna>
                        </label>
                        <nav class="nav wow bounceInRight">
                            <a href="#">关于我们</a>
                            <a href="#">联系我们</a>
                            <a href="#">微博入口</a>
                            <a class="navright" href="#">敦冠视像</a>
                            <a href="">中文版 |</a>
                            <a href="">English</a>

                        </nav>
                    </div>
                </div>
                <img src="./images/detail.jpg" alt="敦冠科技" class="wow zoomIn"> 
                <nav class="divUL">
                    <input type="checkbox" name="listnav" id="listmenu"/>
                    <label for="listmenu" class="listmenu">
                        <spna></spna>
                        <spna></spna>
                        <spna></spna>
                    </label>
                    <div class="listDiv">
                        <a href="#" class="wow bounceInUp" data-wow-duration="100ms">首页</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="200ms">音响</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="400ms">家庭系统</a>  
                        <a href="#" class="wow bounceInUp" data-wow-duration="600ms">商业系统</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="800ms">客户服务</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="1000ms">产品与科技</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="1200ms">工程案例</a> 
                        <a href="#" class="wow bounceInUp" data-wow-duration="1400ms">资讯</a> 
                    </div> 
                </nav>
            </header>
            <!-- header end --> 
            <div class="banner">
                <div class="banner-img">
                    <img class="img" src="./images/index1.jpg" alt="">
                    <div class="box-text">
                            <h3>只为您提供卓越</h3>
                            <h4>TOPCRESTA</h4> 
                            <p>V SOLUTION THE BEST FOR YOU!</p>
                    </div>
                </div>
            </div>
            <div class="product">
                <div class="product-content wow zoomIn" data-wow-duration="1s">  
                    <div class="none"></div>
                    <div class="product-text">
                        <h2>产品展示</h2>
                        <h5>Product display</h5>
                    </div>
                    <div class="none"></div>
                </div> 
            </div>  
            <div class="contOne-body">  
                <div class="contOne-main"> 
                        <div>
                            <img src="./images/index6.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div>
                        <div>
                            <img src="./images/index7.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div>
                        <div>
                            <img src="./images/index8.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div> 
                        <div>
                            <img src="./images/index9.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div>
                        <div>
                            <img src="./images/index11.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div>
                        <div>
                            <img src="./images/index10.jpg" alt="">
                            <h3>制定产品</h3>
                            <h3>享受殿堂级音质</h3>
                        </div> 
                </div>
            </div>
                <!-- 产品展示结束 
                --> 
            <div class="product">
                <div class="product-content wow zoomIn" data-wow-duration="1s">  
                    <div class="none"></div>
                    <div class="product-text">
                        <h2>新闻资讯</h2>
                        <h5>New and information</h5>
                    </div>
                    <div class="none"></div>
                </div> 
            </div>
            <div class="news"><img src="./images/indexlist.png" alt=""></div>
            <div class="product">
                    <div class="product-content wow zoomIn" data-wow-duration="1s">  
                        <div class="none"></div>
                        <div class="product-text">
                            <h2>关于我们</h2>
                            <h5>New and information</h5>
                        </div>
                        <div class="none"></div>
                    </div> 
                </div>
                <div class="about"> 
                        <div class="about-text">
                            <p class="wow flipInX" data-wow-duration="1s">敦冠影音，在家庭影院定制设计安装，影院音视频设计领域处于行业领先地位的公司，
                                    致力于引进国际先进家庭影院，杜比全景声影院，视听娱乐系统，推广世界知名音响产
                                    品，提供智能，舒适，全面，安全的全宅音视频影院集成方案。凭借超过十年的从业经
                                    验，已经成为一家集家庭影院音响品牌代理，影音设备供应，影音系统咨询设计，工程
                                    安装，项目监理为一体的规模化企业。我司为众多高档别墅，高端会所，星级酒店等场
                                    所，从多角度全方面、定制设计出的智能影院音视频系统，获得业界内及客户极高的赞
                                    誉。我们专注于为客户提供全方位的,即时的,真诚的售后服务。
                            </p>
                            <a class="wow jackInTheBox" data-wow-duration="1s" href="#">了解更多</a>
                        </div> 
                </div>
                <!-- 
                    关于我们 结束
                 --> 
            <nav class="bottomDiv">
                    <input type="checkbox" name="nav" id="bottomnav"/>
                    <label for="bottomnav" class="bottommenu">
                        <spna></spna>
                        <spna></spna>
                        <spna></spna>
                    </label>
                    <div class="listBottom">
                        <a href="#">首页</a> 
                        <a href="#">音响</a> 
                      <a href="#">家庭系统</a>  
                        <a href="#">商业系统</a> 
                        <a href="#">客户服务</a> 
                        <a href="#">产品与科技</a> 
                        <a href="#">工程案例</a> 
                        <a class="bottomA" href="#">资讯</a> 
                    </div> 
                </nav>   

            <footer class="footer">
                <div class="box">
                    <div class="phone wow  fadeInLeftBig" data-wow-duration="1s"> 
                        <p>联系电话：0755-25023651</p>
                        <p>0755-25023658</p>
                        <p>0755-25857900</p>
                        <p>图文传真：0755-25857800</p>
                    </div>
                    <div class="address wow flipInX" data-wow-duration="1s">
                        <p>地址：深圳市深南中路绿景广场(NEO企业大道)B栋32F</p>
                        <p>copyright©2008-2015 All Rights Reserved  深圳市敦冠科技有限公司</p>
                        <p>粤ICP备09077069号-2</p>
                    </div>
                    <div class="code wow zoomIn" data-wow-duration="1s">
                        <div class="weixin"><p>官方微信</p><img src="./images/microblog.jpg" alt="微信"></div>
                        <div class="weibo"><p>官方微博</p><img src="./images/WeChatr.jpg" alt="微博"></div>
                    </div>
                </div>
            </footer>    
            <!-- <div class="footer">
                <div class="footerDiv">
                    <div class="contact">
                        <p>联系电话：0755-25023651</p>
                        <p>0755-25023658</p>
                        <p>0755-25023658</p>
                        <p>图文传真：0755-25857800</p>
                    </div>
                    <div class="site">
                        <p>地址：深圳市深南中路绿景广场(NEO企业大道)B栋32F</p>
                        <p>copyright©2008-2015 All Rights Reserved  深圳市敦冠科技有限公司</p>
                        <p>粤ICP备09077069号-2</p>
                    </div>
                    <div class="official">
                        <div class="WeChatr">
                            <p>官方微信</p>
                            <img src="images/WeChatr.jpg" alt="官方微信">
                        </div>
                        <div class="microblog">
                            <p>官方微博</p>
                            <img src="images/microblog.jpg" alt="官方微博">
                        </div> 
                    </div>
                </div>
            </div> -->
        </div>
    </body>
</html>
<script>
        //初始化懒加载
        new WOW().init();
    
        //轮播图部分
        $('.carousel').carousel();
    </script>



